.list {
  list-style: none;
  .listItem {
    display: inline-block;
    text-decoration: none;
    margin: 15px;
    width: 47%;
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-bottom: 3%;
    margin-right: 3%;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    cursor: pointer;
    &:nth-child(even) {
      margin-right: 0;
    }
    a {
      text-decoration: none;
    }

    border: 2px solid transparent;
    border-radius: 3px;

    .img {
      position: relative;
      width: 100%;

      .cover {
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba($color: #000, $alpha: 20%);
        align-items: center;
        justify-content: center;
        display: none;

        .button {
          text-decoration: none;
          display: inline-block;
          padding: 10px;
          background: #647eff;
          color: #fff;
          font-size: 13px;
          border-radius: 30px;
        }
      }
    }

    &:hover {
      border: 2px solid #446ef6;

      .img {
        content: "使用模版";

        .cover {
          display: flex;
        }
      }
    }
  }
}
